{% include 'JDXJ/JDXJ_index.html' %}

<div class="am-cf admin-main">
  {% include 'sidebar.html' %}
  <!-- content start -->
  <div class="admin-content">
    <div class="admin-content-body">
      <div class="am-cf am-padding">
        <div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">基础数据</strong></div>
      </div>
      <div class="am-g" style="position: absolute;height: 100%;right: 0px;left: 260px;width: auto;">

        {% include 'JDXJ/JCSJ/JDXJ_JCSJ_SIDEBAR.html' %}
        
        <div class="am-u-sm-10" style="position: absolute;width:auto;right:0;left: 200px;overflow-y: scroll;">
          <div class="am-u-sm-12 am-u-md-6">
            <div class="am-btn-toolbar">
              <div class="am-btn-group am-btn-group-xs">
                <button style="margin: 0 5px"  type="button" class="am-btn am-btn-default am-btn-xs am-text-secondary" onclick="section_add()"><span class="am-icon-plus"></span>新增</button>
              </div>
            </div>
          </div>

          <table id="grid" class="am-table am-table-striped am-table-hover table-main am-table-compact am-text-nowrap" >
            <thead>
              <tr>
                <th class="table-title">序号</th>
                <th class="table-title">位置名称</th>
                <th class="table-title">状态</th>
                <th class="table-title">操作</th>
              </tr>
            </thead>
            <tbody></tbody>
          </table>

        </div>
      </div>
    </div>
  </div>
</div>
{% include 'footer.html' %}
<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="/static/assets/js/jquery.min.js"></script>
<!--<![endif]-->
<script src="/static/assets/js/amazeui.min.js"></script>
<script src="/static/assets/js/amazeui.tree.js"></script>
<script type="text/javascript" src="/static/assets/js//layer.js"></script>
<script src="/static/assets/datatables/amazeui.datatables.min.js"></script>
<script src="/static/assets/dialog/amazeui.dialog.min.js"></script>
<link rel="stylesheet" type="text/css" href="/static/assets/css/amazeui.tree.css" />
<script src="/static/assets/js/app.js"></script>
<style type="text/css">
  .li_a {
    color: #5c5c5c;
  }
</style>
<script type="text/javascript">
   $.ajaxSetup({
    data: {csrfmiddlewaretoken: '{{ csrf_token }}' },
    });
  $("#collapse-nav8").addClass("am-in");
  $("#jdxj").removeClass("am-collapsed");
  $("#jdxjjcsj").css("color", "#3399CC");
  $("#jcsjsbwz").css("color", "#3399CC");
  $("#qlsjOldlb").removeClass("li_a");

var t = $('#grid').DataTable({
  //配置DataTables默认参数



    bInfo: true,//页脚信息
    responsive: true,
    searching: true,
    lengthChange: false,
    paging: true,
    bStateSave: true, //保存页面状态
    aLengthMenu: [[15], [15]],
    ajax: {

      url: "/JDXJ_JCSJ_SBWZ_DATA/"
    },


    
    //每页显示五条数据
    //pageLength: 'all',
    columns: [
    /*
      {  
        data : null,  
        bSortable : false,  
        targets : 0,  
        //width : "30px",  
        render : function(data, type, row, meta) {  
          // 显示行号  
          var startIndex = meta.settings._iDisplayStart;  
          return startIndex + meta.row + 1;  
        }  
      },
    */
      {
        "data": "id"
      },
      {
        "data": "locationname"
      },

      {
        "data": "status"
      },
      {
        "data": "status"
      }
    ],
    
    
    "columnDefs": [
      // "visible": false,
      //"targets": 0



      {
        type: 'chinese-string',
        targets: '_all'
      } //中文排序
      ,
      {
        "render": function(data, type, row, meta) {
          if(row.status ==1 ){
              return "有效" 
          }else if (row.status == 0){
              return "无效"
          }
                  
        },
        "targets": 2
      },
      
      
      {
        "render": function(data, type, row, meta) {
          // if(row.id > 0){
          //   return '<div class="am-btn-toolbar"><div class="am-btn-group am-btn-group-xs"><button class="am-btn am-btn-default am-btn-xs am-text-secondary" onclick="section_modify(' + row.id + ')"><span class="am-icon-pencil-square-o"></span> 修改</button><button class="am-btn am-btn-default am-btn-xs am-text-danger am-hide-sm-only" onclick="false_layer(\'' + row.id + '\')"><span class="am-icon-trash-o"></span> 删除</button></div></div>' 
          // }else if(row.id == 0){
            return '<div class="am-btn-toolbar"><div class="am-btn-group am-btn-group-xs"><button class="am-btn am-btn-default am-btn-xs am-text-secondary" onclick="section_modify(' + row.id + ')"><span class="am-icon-pencil-square-o"></span> 修改</button><button class="am-btn am-btn-default am-btn-xs am-text-danger am-hide-sm-only" onclick="section_delect(' + row.id + ',\'' + row.locationname + '\')"><span class="am-icon-trash-o"></span> 删除</button></div></div>'
          // }
                  
        },
        //指定是第二列
        "targets": 3
      }
    ],
    

  });


 function section_add(){
    //window.location.href="/XTGL_BMGL_ADD/"
    popup("新增设备位置","/JDXJ_JCSJ_SBWZ_ADD/")
  }


  function section_modify(id){
    popup("修改位置名称","/JDXJ_JCSJ_SBWZ_MOD/?location_id="+id+"")
  }


  function section_delect(section_id,section_name){
    AMUI.dialog.confirm({
      title: '删除确认',
      content: '您确认删除该位置名称['+section_name+']?',
      onConfirm: function() {
        //console.log('onConfirm,save ' + organize_id);
      $.ajax({
      "url":"/JDXJ_JCSJ_SBWZ_DEL/",
      "data":{"loction_id":section_id},
      "datatype":"json",
      "type":"post",
      "async":"false"
      }).success(function(data){
        if (data.status == 1) {
          window.location.reload();
        } else {
          AlertMSG(data.message)
        }
      }).error(function(data){
        AlertMSG("删除失败！")
      });
      },
      onCancel: function() {
        console.log('onCancel')
      }
    });
  };

  // function false_layer(section_name){
  //   AlertMSG("路段【"+section_name+"】下还有桥梁，不可删除或修改！")
  // }

  function popup(title,url){
        var index = layer.open({
            type: 2,
            title: title,
            content: url,
            area: ['600px', '340px'],
            
        });

        
        //铺满界面
        //layer.full(index);
  }
  var AlertMSG=function(msg){
    AMUI.dialog.alert({ title: '错误提示', content: msg, onConfirm: function() { console.log('close'); } });
  }

</script>
 
</body>

</html>